<template>
    <div>
        <div
            class="bg-gray-300 p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300 ease-in-out md:mr-4">
            <div class="flex items-center">
                <svg t="1749381957687" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="4355" width="40" height="40">
                    <path d="M334.08 304m-90.24 0a90.24 90.24 0 1 0 180.48 0 90.24 90.24 0 1 0-180.48 0Z" fill=""
                        p-id="4356"></path>
                    <path d="M501.76 257.92m-45.44 0a45.44 45.44 0 1 0 90.88 0 45.44 45.44 0 1 0-90.88 0Z" fill=""
                        p-id="4357"></path>
                    <path d="M631.68 269.44m-45.44 0a45.44 45.44 0 1 0 90.88 0 45.44 45.44 0 1 0-90.88 0Z" fill=""
                        p-id="4358"></path>
                    <path d="M737.92 327.68m-45.44 0a45.44 45.44 0 1 0 90.88 0 45.44 45.44 0 1 0-90.88 0Z" fill=""
                        p-id="4359"></path>
                    <path
                        d="M472.32 364.16c-138.24 55.04-102.4 176.64-8.96 208.64 60.8 20.48 31.36 90.88 24.96 130.56-12.8 78.08 55.68 96.64 123.52 85.12 67.2-11.52 160.64-170.24 99.2-323.2-64.64-159.36-238.72-101.12-238.72-101.12z"
                        fill="" p-id="4360"></path>
                </svg>

                <div class="ml-4">
                    <p class="text-gray-700 font-semibold text-lg">访客统计</p>
                    <div class="text-gray-500 text-sm">
                        <p>历史访客<span class="text-xl">123</span>人</p>
                        <p>今日访客<span class="text-xl">12</span>人</p>
                    </div>
                </div>
            </div>
        </div>
        
        <div
            class="mt-4 bg-gray-300 p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300 ease-in-out md:mr-4">
            <div class="flex items-center">
                <svg t="1749297501355" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="4344" width="40" height="40">
                    <path
                        d="M896 0H128C81.066667 0 42.666667 38.4 42.666667 85.333333v853.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h768c46.933333 0 85.333333-38.4 85.333333-85.333333V85.333333c0-46.933333-38.4-85.333333-85.333333-85.333333zM128 938.666667V85.333333h768v853.333334H128z"
                        fill="#666666" p-id="4345"></path>
                    <path
                        d="M243.2 448c12.8 0 21.333333-4.266667 29.866667-12.8L426.666667 277.333333l132.266666 153.6c8.533333 8.533333 21.333333 12.8 34.133334 12.8 12.8 0 25.6-4.266667 34.133333-12.8l187.733333-213.333333c17.066667-17.066667 12.8-42.666667-4.266666-59.733333-17.066667-17.066667-42.666667-12.8-59.733334 4.266666L593.066667 341.333333l-132.266667-153.6c-8.533333-8.533333-17.066667-17.066667-29.866667-17.066666-12.8 0-25.6 4.266667-34.133333 12.8L213.333333 375.466667c-17.066667 17.066667-17.066667 42.666667 0 59.733333 8.533333 8.533333 21.333333 12.8 29.866667 12.8zM789.333333 554.666667h-554.666666c-25.6 0-42.666667 17.066667-42.666667 42.666666s17.066667 42.666667 42.666667 42.666667h554.666666c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666666zM789.333333 725.333333h-554.666666c-25.6 0-42.666667 17.066667-42.666667 42.666667s17.066667 42.666667 42.666667 42.666667h554.666666c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666667z"
                        fill="#666666" p-id="4346"></path>
                </svg>
                <div class="ml-4">
                    <p class="text-gray-700 font-semibold text-lg">文章统计</p>
                    <div class="text-gray-500 text-sm">
                        <p>共有文章<span class="text-xl">123</span>篇</p>
                        <p>您共发布了<span class="text-xl">123</span>篇</p>
                    </div>
                </div>
            </div>
        </div>

    </div>

</template>

<script setup lang="ts">

</script>

<style scoped></style>